.func-dialog-box {
  border-radius: 8px;
  .el-dialog__body {
    padding: 10px 0;
    box-sizing: border-box;
  }
  .func-data-box {
    width: 100%;
    height: 400px;
    position: relative;
    .no-data {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
    .func-data-box-left {
      width: 150px;
      height: 100%;
      border-right: 1px solid #f2f2f2;
      .add-func-btn {
        width: 120px;
        height: 36px;
        background: #f5f8ff;
        border-radius: 4px;
        border: 1px solid #3b75ff;
        font-weight: 400;
        font-size: 14px;
        color: #3b75ff;
        margin: 20px 15px 5px;
        &:hover {
          color: #f5f8ff;
          background-color: #3b75ff;
        }
      }
      .el-scrollbar {
        height: 340px;
      }
      .func-data-box-left-tab-item {
        width: 130px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 8px;
        margin: 5px 10px;
        cursor: default;
        &:hover {
          color: #3b75ff;
          background-color: #f0f3ff;
        }
      }
    }
    .func-data-box-right {
      width: calc(100% - 151px);
      height: 100%;
      padding: 10px 20px;
      box-sizing: border-box;
      .input-box {
        width: 320px;
        height: 36px;
        background: #ffffff;
        border-radius: 4px;
      }
    }
  }
  .add-fun-box{
    padding: 0 20px;
    box-sizing: border-box;
    height: 340px;
    .input-box {
      width: 360px;
      height: 36px;
      background: #ffffff;
      border-radius: 4px;
    }
  }
}
